.base {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--cui-spacings-kilo);
}

.wrapper {
  padding: 0;
  vertical-align: top;
}

.title {
  display: flex;
  gap: var(--cui-spacings-bit);
  align-items: center;
  justify-content: center;
}

.description {
  margin-top: var(--cui-spacings-bit);
}

.action {
  margin-top: var(--cui-spacings-mega);
}

.hide {
  display: none;
}

@media (min-width: 768px) {
  .base {
    padding: 0 var(--cui-spacings-mega);
  }

  .hide {
    display: block;
  }

  .action {
    display: block;
  }

  .description {
    font-size: var(--cui-body-m-font-size);
    line-height: var(--cui-body-m-line-height);
  }
}
